<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/structAdmin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content" >

        
        <p:panel header="Gestionar Tipo de Producto" style="border: 0">

            <h:form id="form">
                <p:panel header="Información Básica" id="panel" style="margin: 20px 0px 5px 0px;" >
                    <p:messages globalOnly="true" closable="true" />

                    <h:panelGrid columns="3" cellpadding="5">

                        <h:outputLabel for="nombre" value="Nombre: " />
                        <p:inputText requiredMessage="No puedes dejar este campo en blanco." label="nombre" required="true" id="nombre"  value="#{tipoProductoBean.tipoProducto.nombreTipo}" />
                        <p:message for="nombre" display="text" />

                    </h:panelGrid>
                </p:panel>

                <p:commandButton styleClass="buttonMain" style="margin: 0px 15px 0px 0px;" value="Guardar" icon="ui-icon-disk" update="form" actionListener="#{tipoProductoBean.guardarTipoProductoAccion()}" />
                <p:commandButton styleClass="buttonSecundary" value="Cancelar" icon="ui-icon-close" update=":form:panel" ajax="true" process="@this" actionListener="#{tipoProductoBean.cancelarTipoProductoAccion()}" />


                <p:dataTable id="tiTable" style="margin: 20px 0px 5px 0px;" 
                             var="tipoI" 
                             value="#{tipoProductoBean.obtenerTipoProductos()}"
                             paginator="true" rows="10"  
                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15" editable="true" 
                             paginatorPosition="bottom"> 

                    <f:facet name="header">  
                        Tipos de Productos registrados
                    </f:facet> 

                    <p:column headerText="Nombre">
                        <h:outputText value="${tipoI.nombreTipo}" />
                    </p:column>

                    <p:column headerText="Estado">
                        <h:outputText value="${tipoI.estado}" />
                    </p:column>

                    <p:column headerText="Acción">
                        <p:commandLink value="  Inactivar" update="tiTable" ajax="true" process="@this" actionListener="#{tipoProductoBean.inactivar(tipoI)}" rendered="#{tipoI.estado eq 'Activo'}">                            
                        </p:commandLink>

                        <p:commandLink value="  Activar" update="tiTable" ajax="true" process="@this" actionListener="#{tipoProductoBean.activar(tipoI)}" rendered="#{tipoI.estado eq 'Inactivo'}">                            
                        </p:commandLink>
                    </p:column>

                    <p:column >
                        <p:commandLink title="Editar" ajax="true" action="#{tipoProductoBean.setStored(true)}"  process="@this" update=":form:panel" >
                            <f:setPropertyActionListener value="#{tipoI}" target="#{tipoProductoBean.tipoProducto}" />
                            <h:graphicImage url="../../resources/images/edit-icon.png" styleClass="icon" />
                        </p:commandLink>
                    </p:column>

                </p:dataTable>
            </h:form>
        </p:panel>

    </ui:define>

</ui:composition>
